.manage-box{ margin: 0 auto; width: 1200px; min-height: 500px; margin-top: 40px; padding: 20px 0 20px 0; }   
.manage-box>div{ float: left; text-align: center; background-color: #ffffff; }   
.manage-box>.left{ width: 200px; margin-right: 20px; padding: 10px; border-radius: 4px; box-shadow: #efeaea 1px 2px 2px;  }
.manage-box>.left>ul>li{ height: 40px; line-height: 40px; cursor: pointer; box-sizing: border-box; }
.manage-box>.left>ul>li a{ display: inline-block; text-decoration:none;  width: 100%; height: 100%; }
.manage-box>.left>ul>li a:hover{ color: #fff; background-color: #72b4f6; }
.manage-box>.left>ul>li .active{ background-color: #6096f8; text-decoration:none; color: #ffffff; }

.manage-box>.right{ width: 980px; min-height: 630px; padding: 20px 30px; box-sizing: border-box; margin-bottom: 50px; }  
/* .manage-box>.right>.company .contral{ border-bottom: solid #ccc 1px; padding-bottom: 20px; text-align: left; margin-bottom: 20px; }
.manage-box>.right>.company .contral button{ display: inline-block; margin-right: 20px; color: #ffb200; border-color: #ffb200; }
.manage-box>.right>.company .contral .search{  background-color: #ffb200; color: #fff; }
.manage-box>.right>.company .contral input{ display: inline-block; width: 200px; margin-right: 20px; } */

.manage-box>.right>div .contral{ border-bottom: solid #ccc 1px; padding-bottom: 20px; text-align: left; margin-bottom: 20px; }
.manage-box>.right>div .contral button{ display: inline-block; margin-right: 20px; color: #ffb200; border-color: #ffb200; }
.manage-box>.right>div .contral .search{  background-color: #ffb200; color: #fff; }
.manage-box>.right>div .contral input{ display: inline-block; width: 200px; margin-right: 20px; }
.manage-box>.right>div .contral .ant-form button{ margin-right: 0; }
.manage-box>.right>div .contral .ant-form input{ width: 100%; margin-right: 0; }
.manage-box>.right>.plane .class-title{ margin-top: 20px; margin-bottom: 20px; background-color: #e2eaee; padding: 4px; border-radius: 4px; }
.manage-box>.right>.plane .class-title>.left{ float: left; font-weight: bold; }
.manage-box>.right>.plane .class-title>.right{ float: right; text-align: center; width: 60px; cursor: pointer; }
.manage-box>.right>.plane .submit-btn{ margin-top: 20px; }

/* 文章管理页面 */
#container{ line-height: 14px; text-align: left; }
.news .img-box{ position: relative; height: 150px; }
.news .img-box .head-show{ position: absolute; top: 0px; left: 0; height: 120px; width: 280px; border: solid #ccc 1px; border-radius: 5px; z-index: 1;  }
.news .img-box .head-show>.cross{ position: absolute; top: 24px; left: 134px; height: 70px;  width: 4px;  background-color: #ccc; border-radius: 2px;  }
.news .img-box .head-show>.verti{ position: absolute; left: 63px; top: 54px; height: 4px; width: 150px; background-color: #ccc; border-radius: 2px;  }
#cover{ position: absolute; top: 0px; left: 0; height: 120px; width: 280px; outline: none; cursor: pointer; z-index: 2; opacity: 0; }
#preview{  position: absolute; top: 0px;  left: 0; height: 120px; width: 280px; border-radius: 5px; border: solid #ccc 1px; z-index: 3; pointer-events: none; opacity: 0;  }
.news .img-box .tip{ position: absolute; top: 120px; left: 30px; font-size: 12px; color: #999999; }
.news .content-tip{ text-align: left; font-size: 12px; color: #999999; }


.manage-box:after,.manage-box>.right>.plane .class-title:after{display: block; content:""; width: 0; height: 0; overflow: hidden; clear: both;}